<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/wfgd.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		#gun{width: 800px;height: 100px;overflow: hidden;position: relative;}
		#gun ul{position: absolute;left: 0;height: 100px;}
		#gun li{float: left;width: 200px;height: 100px;margin-right: 20px;list-style: none;}
		#gun li img{width: 200px;height: 100px;}
	</style>
	<body>
		<div id="gun">
			<ul>
				<li><img src="img/1.png"/></li>
				<li><img src="img/2.png"/></li>
				<li><img src="img/3.png"/></li>
				<li><img src="img/4.png"/></li><li><img src="img/1.png"/></li>
				<li><img src="img/2.png"/></li>
				<li><img src="img/3.png"/></li>
				<li><img src="img/4.png"/></li>
			</ul>
		</div>
	</body>
</html>
